$primary-color: #409EFF;
$assistant-color: #ff9933;

.announcement-page {
  padding: 20px;
  background-color: #f5f7fa;
  max-width: 1420px;
  margin: 0 auto;

  &__title {
    color: $primary-color;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
  }

  .announcement-card {
    margin-bottom: 20px;
    transition: all 0.3s;

    &:hover {
      transform: translateY(-5px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    &__time {
      color: #999;
      font-size: 12px;
      margin-bottom: 10px;
    }

    &__content {
      color: #666;
      line-height: 1.6;
      margin-bottom: 15px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
    }

    .view-button {
      background-color: $assistant-color;
      border-color: $assistant-color;
      color: white;

      &:hover {
        background-color: darken($assistant-color, 10%);
        border-color: darken($assistant-color, 10%);
      }
    }
  }
}